<template>
  <div>
    <div>a:{{ parmas.a}}<button @click="parmas.a++">a+</button></div>
    <div>b:{{ parmas.b}}<button @click="parmas.b--">b-</button></div>
    <div>c:{{ parmas.c}}<button @click="parmas.c+=2">c+2</button></div>
    <div>d:{{ parmas.d}}<button @click="parmas.d-=2">d-2</button></div>
  </div>
</template>

<script lang='ts' setup>
import {reactive,watchEffect} from 'vue'
let parmas=reactive({
    a:10,
    b:20,
    c:30,
    d:40
})
watchEffect(()=>{
    parmas.a
    parmas.b
    console.log('------watchEffect--------');
    
})
</script>

<style lang='scss' scoped>
</style>